$(document).ready(function() {

    $("#hoantat").click(function() {
      var dem = $("#dem").val();
      var traloi = "";
      
      for (var i=0; i<dem; i++) {
        var cau = i + 1;
        if( ! $("input[name=cau"+cau+"]")[0].checkValidity()) {
          alert("Câu Thứ " + cau + " Chưa Trả Lời!");
          return false;
        } else {
          traloi = traloi + "&cau" + cau + "=" + $("input[name=cau"+cau+"]:checked").val();
        }
      };

      var base_url = $("#base_url").val();
      var name = $("#name").val();
      var mabt = $("#mabt").val();

      $.ajax({
        type: "POST",
        url: base_url + 'baitap/nopbai',
        data: "mabt=" + mabt + traloi,
        dataType: "text",
        cache: false,
        success: function(data) {
          var dapan = data.split("|");
          var diem = 0;
          for (var i=0; i<dem; i++) {
            var cau = i + 1;
            if ($("input[name=cau"+cau+"]:checked").val() == dapan[i]) {
              diem = diem + 1;
            }
          }

          $('#bangdiem_bg').fadeTo(300,0.6);
          $('#bangdiem').fadeIn(300).css({'top':0});
          
          $("#diem").html("Điểm: "+diem+"/"+dem);

          $("#xemlai").click(function() {
            $('#bangdiem_bg').fadeOut(300);
            $('#bangdiem').fadeOut(300);

            $("input[type=radio]").attr("disabled", "true");

            $("#hoantat").hide();

            for (var i=0; i<dem; i++) {
              var cau = i + 1;
              $("input[name=cau"+cau+"]:checked").attr("readonly", "readonly");
              if ($("input[name=cau"+cau+"]:checked").val() == dapan[i]) {
                $("#ketqua"+cau).html("Đúng!");
              } else {
                $("#ketqua"+cau).html("Sai! Đáp án đúng là: " + dapan[i]);
              }
            }
          });
          
        },
        error: function(e) {
          alert(e.error);
        }
      });

  });



});